<template>
  <div class="header">
    {{pageName}}
  </div>
</template>

<script setup lang="ts">
  import { defineProps } from 'vue'
  const { pageName } = defineProps(['pageName'])
</script>

<style scoped>
  .header {
    height: 50px;
    border-bottom: 1px solid #e9e9e9;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 20px;
    font-size: 20px;
  }
</style>